<template>
  <div id="app">
    <el-container>
      <el-header id="header">
        <div class="block"></div>
        <MainHeader></MainHeader>
      </el-header>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
    <MainFooter></MainFooter>
  </div>
</template>

<script>
import MainHeader from "@/components/MainHeader";
import MainFooter from "@/components/MainFooter";
export default {
  name: "App",
  components: {
    MainHeader,MainFooter
  },
  mounted(){
    this.showLog();
  },
  methods:{
    showLog(){
      console.log(
        [
          "                   _ooOoo_",
          "                  o8888888o",
          '                  88" . "88',
          "                  (| -_- |)",
          "                  O\\  =  /O",
          "               ____/`---'\\____",
          "             .'  \\\\|     |//  `.",
          "            /  \\\\|||  :  |||//  \\",
          "           /  _||||| -:- |||||-  \\",
          "           |   | \\\\\\  -  /// |   |",
          "           | \\_|  ''\\---/''  |   |",
          "           \\  .-\\__  `-`  ___/-. /",
          "         ___`. .'  /--.--\\  `. . __",
          '      ."" \'<  `.___\\_<|>_/___.\'  >\'"".',
          "     | | :  `- \\`.;`\\ _ /`;.`/ - ` : | |",
          "     \\  \\ `-.   \\_ __\\ /__ _/   .-` /  /",
          "======`-.____`-.___\\_____/___.-`____.-'======",
          "                   `=---='",
          "^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^",
          "         佛祖保佑       永无BUG",
        ].join("\n"));
    }
  }
};
</script>

<style>
  @import "../src/assets/css/admin_css.css";
* {
  margin: 0;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  background-image: linear-gradient(#ffffff, #f2f6fc);
  min-width: 1200px;
  height: 100%;
}
html,body{
  height: 100%;
}
.el-main {
  padding: 0;
}
#header {
  height: 67px !important;
  padding: 0;
}
.block {
  height: 90px;
  width: 100%;
}
  .el-container{
    height: 96% !important;
  }
</style>
